<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
       a:link   没有点击过的(访问过的)链接
​		a:visited 点击过的(访问过的)链接
​		a:hover	  鼠标经过的那个链接
​		a:active  鼠标正在按下还没有弹起鼠标的那个链接 
              要按照  l  v  h  a  的顺序来写
              未点击、点击路过、按住                */

        /* 未被访问的链接都选出来变成pink */
        a:link {
            color: black;
            text-decoration: none;
        }

        /* 已经访问过的链接变成springgreen */
        a:visited {
            color: springgreen;
        }

        /* 鼠标经过的链接 */
        a:hover {
            color: violet;
        }

        /* 正在按下还没有弹起来的链接 */
        a:active {
            color: yellow;
        }
    </style>
</head>

<body>
    <a href="#">美羊羊</a>
    <a href="##">喜羊羊</a>
    <a href="#$$$$$">村长</a>
    <a href="#d">沸羊羊</a>
    <br>
    <a href="fn#">小灰灰</a>
    <ul>
        <li>
            <a href="fhkyt#">bb</a>
        </li>
    </ul>
</body>

</html>